﻿@namespace MudBlazor.Docs.Examples

<MudSwitch @bind-Value="Outlined" Label="Outlined Card" Color="Color.Primary" />
<MudSwitch @bind-Value="Modifiers" Label="Modifiers" Color="Color.Secondary" />

<MudTimeline TimelinePosition="TimelinePosition.Start" Modifiers="@Modifiers">
    <MudTimelineItem Size="Size.Medium" Color="Color.Info" Elevation="@(Outlined ? 0 : 25)">
        <MudCard Outlined="@Outlined" Elevation="25">
            <MudCardContent>
                <MudText Typo="Typo.h6">Kopparberg</MudText>
                <MudText Typo="Typo.body2">Kopparberg is a locality and the seat of Ljusnarsberg, Örebro County, Sweden, with 4,200 inhabitants in 2015.</MudText>
                <MudText Typo="Typo.body2">It is famous for Kopparberg Cider, now one of the best selling ciders in the UK and worldwide.</MudText>
            </MudCardContent>
        </MudCard>
    </MudTimelineItem>
</MudTimeline>

@code{
    public bool Modifiers { get; set; } = true;
    public bool Outlined { get; set; }
}